<template>
  <div @click="divClick">
    <!-- 语法
    @事件名 修饰符号="事件处理函数" -->
    <!-- prevent.stop表示要阻止默认行为也要阻止冒泡 -->
    <a @click.prevent.stop="fn" href="http://www.baidu.com">百度</a>
  </div>
</template>

<script>
export default {

  data() {
    return {
      
    };
  },

  methods: {
    fn(){
console.log('A');
    },
      divClick(){
    console.log('b');
  }
  },

};
</script>

<style lang="scss" scoped>

</style>